<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>第三页</title>
    <link rel="stylesheet" href="/stylesheets/index3.css">
    <link rel="stylesheet" href="/stylesheets/images/font_s8dkyktc6j1t6gvi/iconfont.css">
    <script src="http://cdn.bootcss.com/less.js/1.7.0/less.min.js" type="text/javascript"></script>
</head>

<body>
    <header>
        <h1><i class="blog">OUR BLOG</i></h1>
    </header>
    <nav>
        <div class="navcont">
            <div class="navpic"><img src="/stylesheets/images/art.jpg" alt=""></div>
            <div class="navbar">
                <h2><i>MY CARD</i></h2>
                <div class="card">
                    <p>网 名 :</p>
                    <p>职 业 :</p>
                    <p>电 话 :</p>
                    <p>Email :</p>
                </div>
                <div class="nav-butt">
                    <div class="home">
                        <a href="/">
                            <i id="font1" class="iconfont icon-wenzhang1"></i>
                            <p>文章</p>
                        </a>
                    </div>
                    <div class="artlist">
                        <a href="/index2"><i id="font" class="iconfont icon-iconfontindexb "></i>
                        <p>个人中心</p></a>
                    </div>
                    <div class="pictors">
                        <a href="/index3">
                            <i id="font2" class="iconfont icon-tupian"></i>
                            <p>相册</p>
                        </a>
                    </div>
                    <div class="msg">
                        <a href="/index4">
                            <i id="font3" class="iconfont icon-liuyan"></i>
                            <p>留言</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div id="zhao">
        <h1>作&nbsp;品&nbsp;集</h1>
        <ul class="pian">
            <li><img src="/stylesheets/images/01.jpg" alt=""><p><a href="">乡村风光</p></a></li>
            <li><img src="/stylesheets/images/02.jpg" alt=""><p><a href="">湖光山色</p></a></li>
            <li><img src="/stylesheets/images/03.jpg" alt=""><p><a href="">海阔天空</p></a></li>
            <li><img src="/stylesheets/images/04.jpg" alt=""><p><a href="">茫茫草原</p></a></li>
            <li><img src="/stylesheets/images/05.jpg" alt=""><p><a href="">白雪皑皑</p></a></li>
            <li><img src="/stylesheets/images/06.jpg" alt=""><p><a href="">活力无限</p></a></li>
            <li><img src="/stylesheets/images/07.jpg" alt=""><p><a href="">都市风采</p></a></li>
            <li><img src="/stylesheets/images/08.jpg" alt=""><p><a href="">万紫千红</p></a></li>
        </ul>
    </div>
    
    <div class="copy"><a href="#">© 2017 © 1 © 30</a></div>
</body>

</html>